<template>
    <div>
    <br />
    <el-card>
        <div class="page-common-top-filter">
            <div class="page-common-filter-item">
                <el-input class="page-common-filter-content" placeholder="SKC" />
            </div>
            <div class="page-common-top-right-btn">
                <el-button type="primary">搜索</el-button>
                <el-button>重置</el-button>
            </div>
        </div>
    </el-card>
    <br />
    <el-card>
        <div class="page-common-top-filter">
            <el-button type="primary">导出</el-button>
            <span style="display: flex;align-items: center;margin: 0 10px;">仅展示SHEIN合商品不同库龄的库存数量</span>
        </div>
        <br />
        <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="date" label="商品" />
            <el-table-column prop="date" label="SKU" />
            <el-table-column prop="date" label="届性集"/>
            <el-table-column prop="date" label="7天销量" />
            <el-table-column prop="date" label="库存总数" />
            <el-table-column prop="date" label="库龄" >
                <el-table-column prop="30" label="30天以下件数"/>
                <el-table-column prop="30" label="30-59天以下件数"/>
                <el-table-column prop="30" label="60-89天以下件数"/>
                <el-table-column prop="30" label="90天及以上件数"/>
            </el-table-column>
        </el-table>
        <br />
        <Pagination :total="0"/>
    </el-card>
    </div>
</template>


<script setup>
import { onMounted, ref } from 'vue'

const tableData = ref([])


onMounted(() => {
})

</script>

<style lang="scss" scoped></style>